:root {
	--primary-color: #e3230e;      /* 按钮/导航栏 */
	--secondary-color: #7ED321;    /* 价格标签/新鲜度标识 */
	--alert-color: #FF9500;        /* 促销/时效提醒 */
	--bg-color: #f5f5f5;           /* 页面背景 */
	--text-dark: #333333;          /* 正文文字 */
	--text-light: #666666;         /* 辅助文字 */
}
.wrapper { // 页面容器
	
}
.container { // 页面主体
	
}
.content { // 页面主体内容
	
}
.page-top-bg { // 页面头部背景
	background: linear-gradient(to bottom, #e3230e, $bg-color) no-repeat; /* 蓝色渐变 */
	background-size: 100% 400rpx;
}
.page-min-height { // 页面设置最小高度
	min-height: 100vh;
}
.text_line1 {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.text_line2 {
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 控制显示行数 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.red {
	color: red !important;
}
.main-flex {
	display: flex;
	align-items: center;
	&-item {
		flex: 1;
	}
}
/*数据为空*/
.null {
	width: 100%;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
	box-sizing: border-box;
	&-btn {
		margin-top: 40rpx;
		min-width: 200rpx;
		padding: 0rpx 10rpx;
		font-size: 28rpx;
		line-height: 68rpx;
		border: 1px solid $primary-color;
		border-radius: 300px;
		color: $primary-color;
		text-align: center;
	}
}
.more {
	width: 100%;
	justify-content: center;
	box-sizing: border-box;
}
/*价格颜色*/
.price {
	color: $price-color !important;
}
/*图标旋转180deg*/
.rotate180{
	transform: rotate(180deg);
}
/*分割线*/
.line {
	background-color: $bg-color;
}
/*底部安全区域*/
.safe-area {
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容iOS <11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容iOS ≥11.2 */
}
/*form表单*/
.form {
	.uni-forms {
		.uni-forms-item {
			margin-bottom: 0px;
			padding: 8px 0;
		}
		.uni-forms-item + .uni-forms-item {
			border-top: 1px solid #e5e5e5;
		}
		.uni-easyinput__content-input {
			height: $input-height;
		}
		.uni-forms-item__label {
			height: $input-height;
		}
		.uni-forms-item__error {
			position: relative;
			top: 0;
			left: 0;
			opacity: 1;
			transform: translateY(0%);
			padding: 0 0 0 10px;
		}
		.selected-area.placeholder {
			color: #999;
		}
	}
}
.coupon-item {
	// margin-bottom: 20rpx;
}
.hidden {
	position: absolute;
	opacity: 0;
}
.flex-start {
	align-items: flex-start;
}
/*原子化*/
.ww100 {
	width: 100%;
}
// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
.ty-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: transparent;
	/* #ifndef APP-PLUS */
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	/* #endif */
	/* #ifdef APP-NVUE */
	border-width: 0;
	/* #endif */
	/* #ifdef H5 */
	cursor: pointer;
	/* #endif */
}

/* #ifndef APP-NVUE */
.ty-button::after {
   border: none;
}
/* #endif */

.ty-hover {
	opacity: 0.7;
}
.diy-product .product-list-box {
	align-items: flex-start;
}
.diy-product .display__slide .product-item + .product-item {
	margin-left: 20rpx;
}
.diy-product .display__list .column__1 .product-item {
	margin-bottom: 20rpx;
}
.diy-product .display__list .column__2 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10rpx;
}
.diy-product .display__slide .column__2 .product-item {
	width: 300rpx;
}
.diy-product .display__list .column__2 .product-item {
	width: 50%;
	padding: 0 10rpx;
	box-sizing: border-box;
	margin-bottom: 20rpx;
}
.diy-product .display__list .column__3 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10rpx;
}
.diy-product .display__list .column__3 .product-item {
	width: 33.33333%;
	padding: 0 10rpx;
	box-sizing: border-box;
	margin-bottom: 20rpx;
}
.diy-product .display__slide .column__3 .product-item {
	width: 200rpx;
}

